<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>北京航天公司固定资产管理系统</title>
</head>
<body>
<div class="layui-tab">
    <ul class="layui-tab-title">
        <li class="layui-this">资产转移</li>
        <li>提报历史</li>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            <button  class="layui-btn layui-btn-normal" onclick="goTransferAdd()">转移申请</button>
            <table id="myTable" lay-filter="myFilter"></table>
        </div>
        <div class="layui-tab-item">
            <table id="myAuditTable" lay-filter="myAuditFilter"></table>
        </div>
    </div>
</div>
    <script type="text/html" id="myoperate">
        <button class="layui-btn layui-btn-primary" lay-event="detail">查看</button>
    </script>
</body>
</html>
<script type="text/javascript" src="/js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="/layui/layui.all.js"></script>
<link rel="stylesheet" href="/layui/css/layui.css">
<script>
    var table = layui.table;
    table.render({
        elem: '#myTable',//绑定表格的id
        url: "/transfer/selectTransferAll",
        width: 1500,
        height: 312,
        method: 'post',
        autoSort: false,
        toolbar: '#toolbarDemo', //开启头部工具栏
        cols: [[ {
            title: '操作',
            align: 'center',//字体居中
            toolbar: '#myoperate'
        },{
            field: 'transfer_order_no',
            title: '转移单号',
            align: 'center',//字体居中
        }, {
            field: 'transfer_status',
            title: '转移状态',
            align: 'center',//字体居中
        }, {
            field: 'tpname',
            title: '转移类型',
            align: 'center',//字体居中
            /* templet : '#sexTpl',//绑定代码模板 暂时用不到 男女 * */
        }, {
            field: 'create_time',
            title: '申请转移时间',
            align: 'center',//字体居中
            /* templet : '#sexTpl',//绑定代码模板 暂时用不到 男女 * */
        }, {
            field: 'before_organization',
            title: '原所属组织',
            align: 'center',//字体居中
            sort: true
            /* templet : '#sexTpl',//绑定代码模板 暂时用不到 男女 * */
        }, {
            field: 'before_department',
            title: '原门店/部门',
            align: 'center',//字体居中
            sort: true,
            // templet
        }, {
            field: 'before_person',
            title: '原责任人',
            align: 'center',//字体居中
            sort: true
            /* templet : '#sexTpl',//绑定代码模板 暂时用不到 男女 * */
        }, {
            field: 'after_organization',
            title: '转移后所属组织',
            align: 'center',//字体居中
            sort: true
            /* templet : '#sexTpl',//绑定代码模板 暂时用不到 男女 * */
        }, {
            field: 'after_department',
            title: '转移后门店/部门',
            align: 'center',//字体居中
            sort: true,
            // templet
        }, {
            field: 'after_person',
            title: '转移后责任人',
            align: 'center',//字体居中
            sort: true
            /* templet : '#sexTpl',//绑定代码模板 暂时用不到 男女 * */
        },{
            field: 'remarks',
            title: '备注',
            align: 'center',//字体居中
            sort: true
            /* templet : '#sexTpl',//绑定代码模板 暂时用不到 男女 * */
        }]
        ],
        limits: [3, 5],//每页条数的选择项，默认：[10,20,30,40,50,60,70,80,90]。
        limit: 3,//每页显示的条数（默认：10）。值务必对应 limits 参数的选项。
        page: true,//是否开启分页
        request: {
            pageName: 'page',
            limitName: 'limit'
        }
    });


    table.render({
        elem: '#myAuditTable',//绑定表格的id
        url: "/transfer/selectAudit",
        width: 1500,
        height: 312,
        method: 'post',
        autoSort: false,
        toolbar: '#toolbarDemo', //开启头部工具栏
        cols: [[ {
            field: 'transfer_order_no',
            title: '转移单号',
            align: 'center',//字体居中
        },{
            field: 'applicant',
            title: '申请人',
            align: 'center',//字体居中
        },{
            field: 'user_name',
            title: '审批人',
            align: 'center',//字体居中
            templet : function (d) {
                if(d.user_name == null){
                    return "<span>暂无人员审批</span>"
                }else {
                    return d.user_name
                }
            }
        },{
            field: 'audit_statuts',
            title: '审核状态',
            align: 'center',//字体居中
        }, {
            field: 'findings',
            title: '审核结果',
            align: 'center',//字体居中
            templet : function (d) {
                if(d.findings == '审批通过'){
                    return "<span style='color: green'>●审批通过</span>"
                }else if (d.findings == '审批拒绝'){
                    return "<span style='color: red'>●审批拒绝</span>"
                }else if(d.findings == null){
                    return "<span></span>"
                }
            }
        }, {
            field: 'audit_start_time',
            title: '审核开始时间',
            align: 'center',//字体居中
            /* templet : '#sexTpl',//绑定代码模板 暂时用不到 男女 * */
        }, {
            field: 'audit_end_time',
            title: '审核结束时间',
            align: 'center',//字体居中
            sort: true
            /* templet : '#sexTpl',//绑定代码模板 暂时用不到 男女 * */
        }]
        ],
        limits: [3, 5],//每页条数的选择项，默认：[10,20,30,40,50,60,70,80,90]。
        limit: 3,//每页显示的条数（默认：10）。值务必对应 limits 参数的选项。
        page: false,//是否开启分页
        request: {
            pageName: 'page',
            limitName: 'limit'
        }
    });

    //监听工具条
    table.on('tool(myFilter)', function(obj){
        var data = obj.data;
        /*获取到指定行的ID*/
        if(obj.event === 'detail'){
            var transfer_order_no = data.transfer_order_no;
            window.location.href="/jump/goTransferShow?transfer_order_no="+transfer_order_no
        }
    });

    function goTransferAdd() {
        window.location.href = '/jump/goTransferAdd';
    }

    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function(){
        var element = layui.element;
    });
</script>